
@charset "UTF-8";

// 字体
$base-fontSize:0.14rem;

// 颜色
$font: #333;
$font-title: #9292A8;
$border:  #DDD;

$white: #fff;
$base-bg: #F5F5F9;

$color-check: #4086FC;
$color-error: #DB7F7F;

$default: #333;
$default-bd: #ccc;
$default-bg: #fff;

$primary-bd: #2e6da4;
$primary-bg: #337ab7;

$success-bg: #5cb85c;
$success-bd: #4cae4c;

$info-bg: #5bc0de;
$info-bd: #46b8da;

$warn-bg: #f0ad4e;
$warn-bd: #eea236;

$danger-bg: #d9534f;
$danger-bd: #d43f3a;


@mixin box-shadow($shadow...) {
    -moz-box-shadow: $shadow;
    -webkit-box-shadow: $shadow;
    box-shadow: $shadow;
}

@mixin border-radius($radius){
    border-radius: $radius;
    -o-border-radius: $radius;
    -ms-border-radius: $radius;
    -moz-border-radius: $radius;
    -webkit-border-radius: $radius;
}

@mixin transform($trans...){
    -webkit-transform: $trans;
    -moz-transform: $trans;
    -ms-transform: $trans;
    -o-transform: $trans;
    transform: $trans;
}

@mixin transition($transition...){
    -webkit-transition: $transition;
    -moz-transition: $transition;
    -ms-transition: $transition;
    -o-transition: $transition;
    transition: $transition;
}

@mixin background-size($bgs...){
    background-size:$bgs;  
   -moz-background-size:$bgs;  
   -webkit-background-size:$bgs;  
   -o-background-size:$bgs;  
}

@mixin login-content-padding(){
    padding: 5px 15px 5px 15px;
}

@mixin opacity($opa){
    opacity: $opa;
    filter: alpha(opacity=$opa*100);
}

@mixin nowrap(){
    white-space:nowrap;
}

@mixin box-sizing($trans...){
    box-sizing:$trans;
    -o-box-sizing:$trans; 
    -ms-box-sizing:$trans; 
    -moz-box-sizing:$trans; 
    -webkit-box-sizing:$trans; 
}

@mixin over-ellipsis(){
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

@mixin over-wrap(){
    word-break: break-all; 
    word-wrap:break-word;
}

@mixin animate-action($animate...){
    -webkit-animation: $animate;
    -o-animation: $animate;
    animation: $animate;
    // 
}

// 兼容
$Compatible : ("-webkit-", "-o-", "");
@mixin compatible($key, $val...){
   -webkit-#{$key}:$val;
   -o-#{$key}:$val;
   #{$key}:$val;
}